{layout name="common/layout2" /}
<style>
    .bx-viewport{
        height: 100%!important;
    }
</style>

<!--banner-->
<div class="bannerCont1 bannerContCourse1"></div>
<!--/banner-->
<div class="main">
    <div class="wrap clearfloat">
        <div class="contUp" id="contLeft">
            <!-- <div class="contLeftTit">
                <span><img src="__CDN__/static/image/course_ico.png"></span>
                <h2>关于我们</h2>
                <h3>About Us</h3>
            </div> -->
            <!-- <div class="contUpNav">
                <ul>
                    {cms:channellist id='channel' type='son' typeid="32"}
                    <li class="{if $nav->is_active} on {/if}">
                        <h3><a href="{$channel.url}">{$channel.name}</a></h3>
                    </li>
                    {/cms:channellist}
                </ul>
            </div> -->
            <div class="contUpNav">
                <ul>
                    {cms:channellist id="channel" type="son" typeid="32"}
                    <li class="{if $nav->is_active} on {/if}">
                        <h3><a href="{$channel.url}">{$channel.name}</a></h3>
                    </li>
                    {/cms:channellist}
                </ul>
            </div>
        </div>
        <!--公司简介-->
        <div class="contRight">
            <div class="contRightH clearfloat">
                <h2>{cms:page name="title" /}</h2>
                <p>您的位置：
                    <!--                    <a href="https://www.jingqiweb.com/bokun/about.html">首页</a> &gt; <a href="https://www.jingqiweb.com/bokun/about.html">关于我们</a> &gt; <span>公司简介</span>-->
                    {cms:breadcrumb id="item"}
                    <a href="{$item.url}">{$item.name}</a> &gt;
                    {/cms:breadcrumb}
                </p>
            </div>
            <div class="contRightLine"></div>

            <div class="contRightWrap">
                <!--banner-->
                <div class="banner" id="banner">
                    <ul class="zhengShu sliderBanner" style="margin-left: 35%;">
                        {cms:blocklist id="block" name='honor' row='50'}
                        <li>
                            <!-- <a href="img{$i}"><img src="{$block.image}"></a> -->
                            <a><img src="{$block.image}"></a>
                        </li>
                        {/cms:blocklist}
                    </ul>
                </div>
                <!--/banner-->
                <!-- <ul class="zhengShu">
                    {cms:blocklist id="block" name="honor" row="50" }
                        <li>
                            <img class="img{$i}" src="{$block.image}" alt="">
                        </li>
                    {/cms:blocklist}
                </ul> -->
            </div>
            <div class="background" style="display: none;">
                <img class="" src="">
            </div>
        </div>
    </div>
</div>
<footer class="footer"></footer>


<script type="text/javascript">
    $(".footer").load("/addons/cms/index/getFooter")
    $("#header").load("/addons/cms/index/getHeader", function () {
        // 底部和公共信息
        $.getScript("__CDN__/static/js/jquery1.11.3.min.js?v={$site.version}")
        $.getScript("__CDN__/static/js/jquery.bxslider.min.js?v={$site.version}")
        $.getScript("__CDN__/static/js/index.js?v={$site.version}")
    })


    function isMobile() {
        var userAgentInfo = navigator.userAgent;
        var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
        var mobile_flag = false;
        //根据userAgent判断是否是手机
        for (var v = 0; v < mobileAgents.length; v++) {
            if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
                mobile_flag = true;
                break;
            }
        }
        var screen_width = window.screen.width;
        var screen_height = window.screen.height;
        //根据屏幕分辨率判断是否是手机
        if (screen_width < 500 && screen_height < 800) {
            mobile_flag = true;
        }
        return mobile_flag;
    }
    var mobile_flag = isMobile();
    if (!mobile_flag) {
        {cms:blocklist id="block" name="honor" row="5" }
            $(".img{$i}").click(function () {
                $(".background").show();
                $(".background img").attr("src", "{$block.image}")
            })
        {/cms:blocklist}

            $(".background").click(function () {
                $(".background").hide();
            })
    }
</script>
<script data-render="script">

    $('.sliderBanner').bxSlider({
        'auto': true,
        'controls': true,
        'touchEnabled': true,
        'pager': true,
        'speed': 1000,
        'pause': 4000,
        'pagerType': 'full',

    });
</script>

<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000, //可选选项，自动滑动
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
        slidesPerView: 3,
    })

</script>


</body>
</html>




